


import React from 'react'
//提取路由hooks
import { useRoutes } from "react-router-dom"
//引入路由文件
import routes from './routes'


export default function App() {

  /* 
  Navigate组件：
    当不管什么情况下接收了这个 Navigate组件,则路由会按照这个组件的to的地址重新执行路由跳转
 
  路径是 * 代表所有路径，先匹配非*的所有的路径 如果匹配不到，则执行*代表的路由组件
*/

  return (

    <div className='outer'>
      {
        //原理 拿到到
        /* 
          {
          routes.map(item => {
            return <Route path={item.path} element={item.element} key={item.path} />
          })
        }
        */
       //路由表函数
       useRoutes(routes)
      }
    </div>

  )


}
